<template>
  <div>
      <div class="trend-box">
      <div class="trend-item">
          <div class="t-box-left animate__animated animate__fadeInRightBig">
              <span>Industry Trends</span>
              <span>趋势·新兴行业</span>
              <span>新方向·新出口</span>
              <span>如今，互联网已经渗透到社会各领域，改变着我们生活的方方面面，也引领着线上交易的兴起和繁荣。互联网交易涉及领域较广，小到家庭理财、个人购物，大至企业经营、国际贸易等诸方面。互联网热潮席卷大江南北，随着互联网和移动互联网的普及，网络交易正日益成为一种重要的消费方式，不断推动着购物互联网的蓬勃发展。</span>
          </div>
          <div class="t-box-right animate__animated animate__fadeInLeftBig">
              <img src="~assets/img/zl6.png" alt="">
          </div>
      </div>
       <div class="trend-item ">
           <div class="t-box-right animate__animated animate__fadeInRightBig">
              <img src="~assets/img/zl2.png" alt="">
          </div>
          <div class="t-box-left animate__animated animate__fadeInLeftBig">
              <span>Trust Security</span>
              <span>品牌·值得信赖的以物易物平台</span>
              <span>打造国内一流贸易平台</span>
              <span>以物易物领域面临诸多的风险，既受市场客观条件的影响，同时和以物易物相关方的经营管理模式等也相关。如果不注意防范以物易物中存在的风险，那么不仅不利于提高可持续经营管理效益，甚至还会影响市场的稳定。加强以物易物中存在的风险与防范措施探究具有重大的社会意义。</span>
          </div>
          
      </div>
       <div class="trend-item ">
          <div class="t-box-left animate__animated animate__fadeInRightBig">
              <span>Serve the people</span>
              <span>服务·货源精买精卖</span>
              <span>以满足客户需求为己任</span>
              <span>服务态度是反映服务质量的基础，优质的服务是从优良的服务态度开始的。良好的服务态度，会使客人产生亲切感、热情感、朴实感、真诚感！</span>
          </div>
          <div class="t-box-right animate__animated animate__fadeInLeftBig">
              <img src="~assets/img/zl3.png" alt="">
          </div>
      </div>

   <div class="trend-item ">
           <div class="t-box-right animate__animated animate__fadeInRightBig">
              <img src="~assets/img/zl5.png" alt="">
          </div>
          <div class="t-box-left animate__animated animate__fadeInLeftBig">
              <span>Policy support</span>
              <span>优势·政策支持</span>
              <span>互联网创业者的新出路</span>
              <span>如今，互联网已经渗透到社会各领域，改变着我们生活的方方面面，也引领着线上交易的兴起和繁荣。互联网交易涉及领域较广，小到家庭理财、个人购物，大至企业经营、国际贸易等诸方面。互联网热潮席卷大江南北，随着互联网和移动互联网的普及，网络交易正日益成为一种重要的消费方式，不断推动着煤炭互联网的蓬勃发展。</span>
          </div>
      </div>

        <div class="trend-item">
           
          <div class="t-box-left animate__animated animate__fadeInRightBig">
              <span>Coal Internet</span>
              <span>优势·易物+互联网</span>
              <span>互联网+易物+我们</span>
              <span>联网电子商务时代的到来，线下交易为了尽快扭转困局，谋求新的发展，不少企业尝试着从线下向线上、实体与电商共同发展的方向寻求突破。</span>
          </div>
           <div class="t-box-right animate__animated animate__fadeInLeftBig">
              <img src="~assets/img/zl4.png" alt="">
          </div>
      </div>

   

      <div class="trend-item">
          <div class="t-box-right animate__animated animate__fadeInLeftBig">
              <img src="~assets/img/zl6.png" alt="">
          </div>
          <div class="t-box-left animate__animated animate__fadeInRightBig">
              <span>Team Work</span>
              <span>优势·合作</span>
              <span>良好的以物易物平台</span>
          </div>
          
      </div>
      </div>
  </div>
</template>

<script>
export default {
data(){
    return {
      
    }
}
}
</script>

<style scoped lang="scss">
.trend-box {
    width: 70%;
    margin: 0 auto;
  .trend-item {
      display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 120px 0px;
    .t-box-left {
        margin-right: 50px;
        flex: 1;
        display: flex;
        flex-direction: column;
     
      span:nth-child(1) {
       font-size: 30px;
      font-weight: bold;
       color: #2A4467;
      }
      span:nth-child(2) {
              margin-top: 5px;
       font-size: 60px;
      font-weight: bold;
       color: #2A4467;
      }
      span:nth-child(3) {
          margin-top: 20px;
       font-size: 30px;
      font-weight: bold;
       color: skyblue;
      }
      span:nth-child(4) {
          margin-top: 30px;
       font-size: 20px;
       color: #aaa;
      }
    }

    .t-box-right {
      flex: 1;
      margin-left: 50px;
      img {
width: 80%;
      }
    }
  }
}
</style>